<template>
    <transition>
        <div class="content">
            <a @click="changeRoute('/index/wallet')"><div class="content-later">{{ $t('m.wallet.backup.tip.prompt[0]') }}</div></a>
            <div class="content-backup">
                <div class="backup-iconfont"><img src="@/assets/img/dunpai1.png" alt=""></div>
                <div class="backup-title">{{ $t('m.wallet.backup.tip.listTitle') }}</div>
            </div>
            <div class="content-hint">{{ $t('m.wallet.backup.tip.prompt[1]') }}</div>
            <div class="content-danger">
                <li>{{ $t('m.wallet.backup.tip.prompt[2]') }}</li>
            </div>
            <a @click="changeRoute('/wallet/backup/mnemonic')"><div class="content-help">{{ $t('m.wallet.backup.tip.prompt[3]') }}</div></a>
        </div>
    </transition>
</template>
<script>
    export default {
        name: 'wallet_backup_tip',
        mounted() {
            this.$store.dispatch("aBackUrl", "/index/wallet");
        },
        data() {
            return {}
        },
        methods: {}
    }
</script>
<style scoped>
    @import '../../../assets/css/backupWallet.css';
    .content{
        background: #ffffff !important;
    }
</style>